<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="./css/style.css"/>
    <script src="./js/jquery.min.js"></script>
</head>
<style>
  body,html,#app{
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: 450px;
}
</style>
<body>
 <div id="app">
     <div class="rule">
         <div class="rule_box">
                <div class="rule_time">
                    <div class="samll_tit">活动时间</div>
                    2023年12月26日09:00——2024年1月4日00:00
                </div>
                <div class="rule_con">
                    <div class="samll_tit">活动规则</div>
                   <div class="rule_con_div"><div class="dian"><img class="dianimg" src="./images/dian.png" alt=""></div><p> 每位用户每天答题闯关仅限<span>3次机会</span>，共设11关，每关3题，每题限时30秒。每位用户“通关”即可获得1次抽奖机会，每位用户仅限1次中奖机会。</p></div> 
                   <div class="rule_con_div"><div class="dian"><img class="dianimg" src="./images/dian.png" alt=""></div><p> 每位用户每天仅限使用1次<span>“闯关助力”</span>：分享朋友圈即可获得1次闯关机会</p></div> 
                   <div class="rule_con_div"><div class="dian"><img class="dianimg" src="./images/dian.png" alt=""></div><p> 坚持公平、公正、公开的原则，严禁参与者使用违规违法方式参与活动。</p></div> 
                </div>
                <div class="rule_con">
                    <div class="samll_tit">奖项设置</div>
                   <div class="rule_con_div"><div class="dian"><img class="dianimg" src="./images/dian.png" alt=""></div><p> 奖品：定制款纪念品，每日10份，共计90份。</p></div> 
                   <div class="rule_con_div"><div class="dian"><img class="dianimg" src="./images/dian.png" alt=""></div><p>温馨提醒：
                    活动结束后，获奖名单将在浙江省血液中心官微公示，公示后，奖品将尽快邮寄给获奖者，请获奖者耐心等待。</p></div> 
                </div>
         </div>
         <div class="rule_back">
            <img @click="back" class="btn_back" src="./images/btn_back.png" alt="">
         </div>
     </div>
 </div>
</body>
</html>
<script>
   $('.btn_back').click(()=>{
       window.location.href = './index.html'
   })
</script>
